@font-face { font-family: "AB"; src: url("../fonts/index/AbrilFatface-Regular.otf") format("opentype"); }

@font-face { font-family: "CG"; src: url("../fonts/index/CenturyGothic.TTF") format("truetype"); }

.index-banner a { text-decoration: none; display: block; color: inherit; }

.index-banner a img{width: 100%;}

.index-banner .flex { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.index-banner .swiper-slide-active .bg_banner { -o-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

.index-banner .swiper-slide-active .banner_content .bannerfadeUp100 { opacity: 1; -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.index-banner .bannerfadeUp100 { opacity: 0; -o-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -o-transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; transition: all 2s; }

.index-banner .bg_banner { -o-transform: translate3d(0, 0, 0) scale(1.2); -moz-transform: translate3d(0, 0, 0) scale(1.2); -webkit-transform: translate3d(0, 0, 0) scale(1.2); transform: translate3d(0, 0, 0) scale(1.2); -o-transition: all 5s; -moz-transition: all 5s; -webkit-transition: all 5s; transition: all 5s; }

.index-banner .banner_01 .banner_content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-left: 12.86458%; }

.index-banner .banner_01 .banner_content .banner_txt { margin-right: 4.0625%; }

.index-banner .banner_01 .banner_content .banner_txt .txt_small { font-size: 18px; color: #5f626f; letter-spacing: 2px; font-weight: lighter; line-height: 1.1; margin-bottom: 35px; }

.index-banner .banner_01 .banner_content .banner_txt .txt_small span { margin: 0 10px; }

.index-banner .banner_01 .banner_content .banner_txt .txt_big { font-size: 64px; color: #565a67; letter-spacing: 2px; font-weight: lighter; line-height: 1.1; margin-bottom: 20px; }

.index-banner .banner_01 .banner_content .banner_txt .txt_en { color: #5f626f; opacity: 0.5; font-size: 20px; font-weight: lighter; line-height: 1.1; }

.index-banner .banner_02 .banner_content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-left: 13.4375%; }

.index-banner .banner_02 .banner_content .banner_txt .txt_small { color: #5f626f; opacity: 0.5; font-weight: lighter; }

.index-banner .banner_02 .banner_content .banner_txt .txt_big { position: relative; font-size: 58px; color: #565a67; line-height: 86px; letter-spacing: 2px; font-weight: lighter; margin-top: 10px; margin-bottom: 10px; }

.index-banner .banner_02 .banner_content .banner_txt .txt_big .icon1 { position: absolute; top: -15px; right: 57px; }

.index-banner .banner_02 .banner_content .banner_txt .txt_big .icon2 { position: absolute; top: 55px; right: 63px; line-height: 16px; }

.index-banner .banner_02 .banner_content .banner_txt .txt_en { color: #91a4bc; opacity: 0.1; font-size: 90px; font-family: 'AB'; }

.index-banner .banner_03 .banner_content { position: absolute; top: 0; left: 11.82292%; bottom: 0; }

.index-banner .banner_03 .banner_content .flex { width: 100%; height: 100%; }

.index-banner .banner_03 .banner_content .banner_txt { margin-bottom: 80px; }

.index-banner .banner_03 .banner_content .banner_txt .name { font-size: 50px; font-weight: lighter; line-height: 1.1; letter-spacing: 3px; color: #545766; margin-bottom: 45px; }

.index-banner .banner_03 .banner_content .banner_txt .abstract { font-size: 22px; font-weight: lighter; line-height: 1.1; letter-spacing: 1px; color: #9295a3; }

.index-banner .banner_05 {
  position: relative;
}
.index-banner .banner_05 .banner_txt {
  position: absolute;
  top: 33%;
  left: 47.6%;
}
.index-banner .banner_05 .banner_txt .icon2 {
  position: absolute;
  top: 3%;
  right: -496%;
}
.index-banner .banner_05 .font {
  position: absolute;
  bottom: 20%;
  left: 10%;
  color: #ababab;
  font-family: fangsong;
}
.index-banner .banner_05 .font2 {
  font-size: 50px;
  color: #333;
  letter-spacing: 2;
  font-family: fangsong;
}
.index-banner .banner_05 .font2 span {
  font-size: 70px;
}
.index-banner .banner_05 .font2 .newfont1 {
  position: absolute;
  bottom: 25%;
  left: 24%;
}
.index-banner .banner_05 .font2 .newfont {
  position: absolute;
  top: 18%;
  right: 23%;
  color: #cf9972;
}





@keyframes move2 { 0% { transform: translate(-50%, 0); }
  100% { transform: translate(-50%, 70px); } }

.index-banner .scroll-mouse { position: absolute; top: 80%; left: 50%; width: 1.56%; z-index: 1; animation: move2 1.5s linear infinite; }

.index-banner .show-bots { position: absolute; z-index: 1; left: 40px; top: 85%; transform: translate(0, -50%); }

.index-banner .cur-num, .index-banner .total-num { font-family: Arial; font-weight: bold; letter-spacing: 1px; font-size: 18px; color: #5f626f; }

.index-banner .swiper-pagination { margin: 10px auto; position: relative; height: 1px; width: 100px; background: rgba(0, 0, 0, 0.5); }

.index-banner .swiper-pagination-progress .swiper-pagination-progressbar { height: 3px; top: -1px; left: 0; width: 100%; background-color: #5f626f; }

@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1400px) { 
  .index-banner .banner_01 .banner_content { padding-left: 8%; }
  .index-banner .banner_01 .banner_content .banner_img { width: 50%; } }


  /* 年终优惠 */
  .index-banner .bannerfadeUp100 { opacity: 0; -o-transform: translate3d(100px, 0, 0); -moz-transform: translate3d(100px, 0, 0); -webkit-transform: translate3d(100px , 0, 0); transform: translate3d(100px, 0, 0); -o-transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; transition: all 2s; }

.index-banner .swiper-slide-active .bannerfadeUp100 { opacity: 1; -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.index-banner .swiper-slide-active .banner_content .bannerfadeLeft100 { opacity: 1; -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

  .index-banner .xg_text {
    position: absolute;
    top: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    z-index: 9;
  }
  .index-banner .xg_text .xg_name {
    margin-top: 7.8125%;
    font-size: 34px;
    font-family: KaiTi;
  }
  .index-banner .xg_text .xg_discount {
    margin-top: 22px;
    font-size: 60px;
    font-weight: bold;
    font-family: SourceHanSansCN;
  }
  .index-banner .xg_text .xg_discount .num {
    color: #ff9c00;
  }
  .index-banner .xg_text .xg_time {
    margin-top: 30px;
    font-size: 30px;
    font-family: SourceHanSansCN;
  }
  .index-banner .xg_text .xg_time img {
    margin-top: 5px;
    margin-right: 20px;
  }
  .index-banner .xg_text .xg_time .date {
    font-family: CenturyGothic;
  }
  .xg_b {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
  .index-banner .xg_img1 {
    position: absolute;
    top: 32.4%;
    left: 0;
  }
  .index-banner .xg_img2 {
    position: absolute;
    top: 0;
    left: 0;
  }
  .index-banner  .xg_img3 {
    position: absolute;
    top: 0;
    left: 0;
  }
  .index-banner .xg_img4 {
    position: absolute;
    top: 0;
    left: 0;
  }